<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/detail.css">
    <title>产品详情页</title>
</head>

<body>
    <header>
        <div class="top">
            <div class="top1">
                <bottom>Back</bottom>
            </div>
            <div class="top2">
                <span>产品详细</span>
            </div>
            <div class="top3">
                <img src="./img/我的/形状 9.jpg" alt="">
            </div>
        </div>
    </header>
    <section>
        <div class="banner">
            <img src="./img/产品详情页/图层 5.jpg" alt="">
        </div>
        <div class="money">
            <span>&yen; 32</span>
            <bottom>
                <a href="">购买</a>
            </bottom>
        </div>
        <div class="good">
            <div class="left">
                <img src="./img/我的/形状 9.jpg" alt="">
                <span>好评度</span>
                <span>99%</span>
            </div>
            <div class="right">
                <a href="">共605个评价></a>
            </div>
        </div>
        <div class="try">
            <span>适用商户</span>
            <span>></span>
        </div>
        <div class="bottom">
            <div class="goods">
                <div class="g-img">
                    <img src="./img/产品详情页/图层 2.jpg" />
                </div>
                <div class="shousi">
                    <p>万岁寿司（正佳店）</p>
                    <span><img src="./img/产品详情页/形状 16 副本 6.jpg" alt="">10分</span>
                    <span>离你100米</span>
                    <span><a href="">查看详情>></a></span>
                </div>
                <div class="good-right">
                    <bottom><a href="">进入</a></bottom>
                </div>
            </div>
            <div class="goods-two">
                <div class="g-img">
                    <img src="./img/产品详情页/图层 3.jpg" />
                </div>
                <div class="shousi">
                    <p>万岁寿司（体育西店）</p>
                    <span><img src="./img/产品详情页/形状 16 副本 6.jpg" alt="">10分</span>
                    <span>离你100米</span>
                    <span><a href="">查看详情>></a></span>
                </div>
                <div class="good-right">
                    <bottom><a href="">进入</a></bottom>
                </div>
            </div>
            <div class="goods-three">
                <div class="g-img">
                    <img src="./img/产品详情页/图层 4.jpg" />
                </div>
                <div class="shousi">
                    <p>万岁寿司（昌岗店）</p>
                    <span><img src="./img/产品详情页/形状 16 副本 6.jpg" alt="">10分</span>
                    <span>离你100米</span>
                    <span><a href="">查看详情>></a></span>
                </div>
                <div class="good-right">
                    <bottom><a href="">进入</a></bottom>
                </div>
            </div>
    </section>
    <footer>
        <ul class="foot-bot">
            <li><a href="./hone.html">
                    <img src="./img/产品详情页/首页1.jpg" alt="">
                    <span>首页</span>
                </a>
            </li>
            <li><a href="./classify.html">
                    <img src="./img/首页图/分类4.jpg" alt="">
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="./discover.html">
                    <img src="./img/首页图/形状 7 发现.jpg" alt="">
                    <span>发现</span>
                </a>
            </li>
            <li><a href="./my.html">
                    <img src="./img/首页图/我的.jpg" alt="">
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
</body>

</html>